<template>
	<view class="flex-col page">
		<view class="flex-col">
			<view class="flex-col group_1">
				<view class="flex-col section_1">
					<view class="s-f-h">个人中心 </view>
					<view class="justify-center group_2">

					</view>
				</view>
				<view class="flex-col group_2 view_1" @click="mineinfo">
					<image :src="this.infolist.address" class="image_4" />
					<view class="justify-center group_2 view_2">
						<text class="text_3">{{this.infolist.name}}</text>
						<view class="flex-col items-center text-wrapper"><text class="text_4">工长</text></view>
					</view>
					<view class="justify-center group_5">
						<text class="text_5">ID：{{this.infolist.id}}</text>
						<image :src="$IMG_URL+'16557871180656148715.png'" class="image_5" />
					</view>
				</view>
			</view>

			<view class="flex-col list">
				<!-- 我的消息 -->
				<view class="flex-row u-m-t-30" style="justify-content: space-between;" @click="gotoinfo">
					<view class="flex-row">

						
							<image :src="$IMG_URL+'16557871191787702743.png'" class="image_6" />
						
						<view class="flex-row items-center" >
							<text class="text_6">我的消息</text>
							<view class="f-p">
								<u-icon name="arrow-right" color="#BFBFBF" size="16"></u-icon>
							</view>
						</view>
					</view>
				</view>
				<view class="b-g-c">
				</view>
				<view class="flex-row items-center" style="justify-content: space-between;" @click="toassess">
					<view class="flex-row items-center">
						
							<image :src="$IMG_URL+'index/pingjia.png'" class="image_6" />
						
						<view class="flex-row items-center">
							<text class="text_6">我的评价</text>

						</view>
					</view>
					<view class="f-p">
						<u-icon name="arrow-right" color="#BFBFBF" size="16"></u-icon>
					</view>
				</view>
				<view class="b-g-c">
				</view>
				<view class="flex-row items-center" style="justify-content: space-between;" @click="shareFriend">
					<view class="flex-row items-center">
					
							<image :src="$IMG_URL+'index/yaoqing.png'" class="image_6" />
						
						<view class="flex-row items-center">
							<text class="text_6">邀请好友</text>
						</view>
					</view>
					<view class="f-p">
						<u-icon name="arrow-right" color="#BFBFBF" size="16"></u-icon>
					</view>
				</view>
				<view class="b-g-c">
				</view>
				<view class="flex-row items-center" style="justify-content: space-between;" @click="toset">
					<view class="flex-row items-center">
						
							<image :src="$IMG_URL+'index/seticon.png'" class="image_6" />
						
						<view class="flex-row items-center">
							<text class="text_6">系统设置</text>
						</view>
					</view>
					<view class="f-p">
						<u-icon name="arrow-right" color="#BFBFBF" size="16"></u-icon>
					</view>
				</view>
				<view class="b-g-c"></view>
			</view>
		</view>
<shop-share v-model="show"></shop-share>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				infolist: [],
				name: '',
				show:false,
			};

		},
		created() {
		
			this.getinfo()
		},
		methods: {
			getinfo() {
				
				this.$http('common.getInfo').then(res => {
					if (res.code == 200) {
						this.infolist = res.data;
						console.log(this.infolist)
						this.name = res.data.name
					}
				}).catch(err => {
					console.log(err)
				})
			},
			mineinfo() {
				// const date={
				// 	address:this.infolist.address,
				// 	id:this.infolist.id,
				// 	name:this.infolist.name,
				// 	sex:this.infolist.sex,
				// 	phone:this.infolist.phone,
				// 	birthday:this.infolist.birth
				// }
				uni.navigateTo({
					url: '/pages/onSite/mine/means/means'
				})
			},
			gotoinfo() {
				// 
				uni.navigateTo({
					url: '/pages/common/myInfo/myInfo'
				})
			},
			toassess() {
				uni.navigateTo({
					url: '/pages/common/assessCenter/assessCenter'
				})
			},
			toset() {
				uni.navigateTo({
					url: '/pages/common/systemSet/systemSet'
				})
			},
			shareFriend() {
				console.log('用户个人信息');

				// #ifdef APP-PLUS
								this.show = true;
				this.$store.commit('shareInfo', {
					title: '下载APP',
					path: this.$WEB_URL + 'pages/DownApp/DownApp',
					image: ''
				});
				// #endif
				// #ifdef H5
				uni.navigateTo({
					url: '/pages/DownApp/DownApp'
				})
				// #endif
			
			}
		},
	};
</script>

<style scoped lang="scss">
	.b-g-c {
		// #EEEEEE
		display: flex;
		justify-content: center;
		width: 622rpx;
		height: 2rpx;
		background-color: #EEEEEE;
	
		margin: 32rpx 0;
		margin-left: 9%;
		
	}

	.f-p {
		display: flex;
		flex-direction: row;

		padding-left: 475rpx;
	}

	.equal-division-item {
		flex: 1 1 250rpx;
		padding: 6rpx 0 10rpx;
	}

	.group_2 {
		position: relative;
	}

	.list-divider {
		margin-right: 32rpx;
		align-self: flex-end;
		width: 622rpx;
		height: 2rpx;
	}

	.image_20 {
		width: 48rpx;
		height: 48rpx;
	}

	.image_8 {
		align-self: center;
		width: 14rpx;
		height: 26rpx;
	}

	.image_6 {
		// flex-shrink: 0;
		width: 44rpx;
		height: 44rpx;
	}

	.text_6 {
		margin-left: 20rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
	}

	.page {
		background-color: #ffffffff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100vh;
	}

	.equal-division {
		margin-top: 173rpx;
		padding: 3rpx 0 6rpx;
		background-color: #ffffff;
		box-shadow: 0px -1rpx 0px 0px #eeeeee;
	}

	.group_1 {
		height: 535rpx;
	}

	.list {
		width: 93%;
		margin: 0 auto;
		margin-top: 40rpx;
	}

	.section_1 {
		padding: 7rpx 14rpx 284rpx;
		background-image: url($IMG_URL+'/16557871175936939183.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.s-f-h {
		margin-top: 50rpx;
		text-align: center;
		font-weight: 500;
		font-size: 36rpx;
		color: #FFF;
		letter-spacing: 1rpx;
	}

	.view_1 {
		margin-top: -144rpx;
	}

	.text_11 {
		color: #333333;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_12 {
		color: #333333;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_13 {
		color: #1d6aff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_2 {
		margin-top: 18rpx;
		align-self: center;
		color: #ffffff;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.image_4 {
		align-self: center;
		width: 168rpx;
		height: 168rpx;
		border-radius: 50%;
	}

	.view_2 {
		margin-top: 22rpx;
		margin-left: -70rpx;
	}

	.group_5 {
		margin-top: 28rpx;
	}

	.group_3 {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.text {
		color: #ffffff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.group_4 {
		position: absolute;
		right: 2.5rpx;
		top: 50%;
		transform: translateY(-50%);
	}

	.text_3 {
		font-weight: bold;
		color: #333333;
		font-size: 40rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 47rpx;
		margin-left: 16%;
	}

	.text-wrapper {
		background-image: url($IMG_URL+'16557868046478494454.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		/* position: absolute;
    right: 250rpx;
    bottom: 0; */
		margin-top: 5rpx;
		margin-left: 10rpx;
		width: 90rpx;
		height: 40rpx;
	}

	.text_5 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
		font-weight: 800;
	}

	.image_5 {
		margin-top: 2rpx;
		margin-left: 12rpx;
		width: 30rpx;
		height: 30rpx;
	}

	.image {
		width: 33rpx;
		height: 20rpx;
	}

	.image_1 {
		margin-left: 8rpx;
		width: 28rpx;
		height: 20rpx;
	}

	.image_2 {
		margin-top: 2.5rpx;
		flex-shrink: 0;
		width: 14rpx;
		height: 24rpx;
	}

	.text_1 {
		margin-left: 13rpx;
		color: #ffffff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.image_3 {
		margin-left: 4.5rpx;
		margin-top: 3rpx;
		flex-shrink: 0;
		width: 48rpx;
		height: 23rpx;
	}

	.text_4 {
		color: #1d6aff;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 40rpx;
	}
</style>
